// 按下去
.pure-hover {
	opacity: var(--pure-opacity-hover);
}

// 禁用状态
.pure-disabled {
	cursor: not-allowed;
	opacity: var(--pure-opacity-disabled);
	pointer-events: none;
}

// 提示文本
.pure-placeholder,
// 多行文本域时需特殊处理一下
.uni-textarea-placeholder.pure-placeholder {
	color: var(--pure-text-color-placeholder);
}

/* 隐藏滚动条 */
.pure-hide-scrollbar::-webkit-scrollbar,
.pure-hide-scrollbar::-webkit-scrollbar-thumb,
.pure-hide-scrollbar ::-webkit-scrollbar,
.pure-hide-scrollbar ::-webkit-scrollbar-thumb {
	width: 0;
	height: 0;
}

// 超出行数，自动显示行尾省略号，最多10行
.pure-line-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

@for $i from 2 through 10 {
	.pure-line-#{$i} {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		line-clamp: #{$i};
		-webkit-line-clamp: #{$i};
		-webkit-box-orient: vertical;
	}
}

/**
 * ************************************************************************************************************************
 * ** 公共动画
 * ************************************************************************************************************************
 */
// 旋转
@keyframes animationPureSpin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

// 渐入
@keyframes animationPureFadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

// 渐出
@keyframes animationPureFadeLeave {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

// 缩放进入
@keyframes animationPureScaleIn {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

// 缩放离开
@keyframes animationPureScaleLeave {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

// 顶部进入
@keyframes animationPureTopIn {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

// 顶部离开
@keyframes animationPureTopLeave {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-100%);
	}
}

// 底部进入
@keyframes animationPureBottomIn {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: translateY(0);
	}
}

// 底部离开
@keyframes animationPureBottomLeave {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(100%);
	}
}

// 左侧进入
@keyframes animationPureLeftIn {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes animationPureLeftLeave {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

// 右侧进入
@keyframes animationPureRightIn {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes animationPureRightLeave {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(100%);
	}
}

// 光标闪烁动画
@keyframes animationPureCursorBlink {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}
